<div class="layui-content">
    <!-- 我的项目 -->
    <div class="hot">
        <h3>我的项目</h3>
        <div class="layui-box layui-container ">
            {#each hot as v,k}
            <div class="layui-box-item">
                <h3 class="layui-font-gray">{v.title}</h3>
                <div class="layui-box-card">
                    <div class="layui-works">
                        <div class="layui-works-img"
                            style="background-size: 100%; background-image: url(<?=htmlspecialchars($api)?>{v.image});">
                        </div>
                        <div class="layui-works-tools">
                            <a class="layui-btn" href="{v.website}" target="_blank" rel="">官网</a>
                        </div>
                    </div>
                    <div class="layui-works-body">
                        <div class="layui-works-group">
                            <a href="{v.gitee}" target="_blank" rel="">
                                <i class="layui-icon layui-icon-edge"></i>
                            </a>
                            <a href="{v.github}" target="_blank" rel="">
                                <i class="layui-icon layui-icon-github"></i>
                            </a>
                        </div>
                        <span>最近更新：{v.created_at}</span>
                    </div>
                </div>
            </div>
            {/each}

            <!-- 分页 -->
            <div class="layui-page">
                <div class="layui-paging">
                    {#each paging.count as v,k}
                    {#if (v+1)== paging.page}
                    <div class="layui-item layui-bg-green">
                        <span class="layui-font-gray">{v+1}</span>
                    </div>
                    {:else}
                    <div class="layui-item">
                        <a href="javascript:;">{v+1}</a>
                    </div>
                    {/if}
                    {/each}
                </div>
            </div>
        </div>
    </div>

</div>